/*day*/
.day-header{
	position:relative;
}
.day .widget-title{
	margin-bottom:12px;
}
.no-events{
	letter-spacing:1px;
	text-transform:lowercase;
	color:#999999;
	display:inline-block;
	background-color:#efefef;
	padding:1px 7px 2px 8px;
	border-radius:12px;
	border:1px solid #dddddd;
}
.day-date{
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	background-color:rgb(248,248,247);
	padding:0px 5px 3px 5px;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom-right-radius:10px;
}
.day-year{
	position:absolute;
	top:0px;
	right:3px;
	display:inline-block;
	color:#999999;
}
/*timeline*/
.notification-area.timeline{
	background-color:white;
	overflow:hidden;
	padding:5px 0px;
	white-space:nowrap;
	position:relative;
	text-align:center;
	border-right:4px solid white;
	border-left:4px solid white;
	cursor:default;
	border-radius:3px;
}
.timeline-container{
	width:1200px;
	position:absolute;
	left:50%;
	margin-left:-600px;
	box-shadow:3px 3px 10px rgb(202, 202, 202);
}
.timeline-container tr.days td{
	width:3%;
	position:relative;
	border-left:1px solid #dddddd;
	height:32px;
	color:#666666;
	cursor:pointer;
	box-shadow:4px 0px 10px -2px rgb(216, 216, 216);
}
.timeline-container tr.days td.center{
	width:4%;
}
.timeline-container tr.days td.aftercenter{
	border-left:0px solid;
}
.timeline-container tr.days td.last{border-right:1px solid #dddddd;box-shadow:none;}
.timeline-container tr.week td{
	background-color:#C9C9C9;
	color:white;
	text-transform:uppercase;
}
.timeline-container tr.week td.odd{background-color:#B1B1B1;}
.timeline-container tr.week td.current{
	background-color:#8DB5D8;
}
.timeline-container tr.month td{
	background-color:#C9C9C9;
	color:white;
	text-transform:uppercase;
}
.timeline-container tr.month td.odd{background-color:#B1B1B1;}
.timeline-container tr.month td.current{
	background-color:#8DB5D8;
}
.timeline-container tr.month,.timeline-container tr.week{font-size:11px;line-height:14px;}
.thisweek .weekday{color:#6F99E4;}
.thismonth .date{color:#DD7575;}

.timeline .controls{
	margin-top:68px;
	text-align:center;
}
.timeline .controls button{
	float:none;
	margin:4px;
	vertical-align:bottom;
}
.timeline .controls button:active{
	margin:6px 4px 2px 4px;
}
.timeline .controls-months button{
	width:75px;
	padding:3px 0px;
}
.timeline .controls-day button{
	width:32px;
	padding:3px 0px;
}
.timeline .date,.timeline .weekday{
	font-size:11px;
}
.timeline .date{line-height:18px;}
.timeline .weekday{	line-height:14px;}
td.center .date{
	line-height:16px;
}
.timeline-today{
	position:absolute;
	top:12px;
	right:4px;
	font-size:9px !important;
	text-transform:uppercase;
	color:rgba(223, 196, 56, 0.67);
}
td.center .timeline-today{
	top:10px;
	right:9px;
}
.td-day{
	position:relative;
	height:100%;
}
.center{
	border:2px solid #F0C53E !important;
	border-left:2px solid #F0C53E !important;
	border-right:2px solid #F0C53E !important;
	cursor:default !important;
}
.center.thismonth{
	border:1px solid #EBB1B1 !important;
	border-left:2px solid #EBB1B1 !important;
	border-right:2px solid #EBB1B1 !important;
}
.center.thisweek{
	border:1px solid #abcdef !important;
	border-left:2px solid #abcdef !important;
	border-right:2px solid #abcdef !important;
}
.days td:hover div{
	font-size:12px;
	font-weight:bold;
}
.controls button.current{
	background-color:rgb(219,124,124);
}

/*filters */
.controls-filters{
	width:100px;
	display:inline-block;
}
.controls-filters-category button{
	width:100px;
}
.controls-filters button{
	cursor:pointer;
}
.controls-filters button.filtered{
	background-color:#C7C7C7 !important;
	text-decoration:line-through;
}
.controls-filters-category button.cat0{
	background-color:#AFAFAF;
}
button.filtered.cat0{color:#a3a3a3;}
button.filtered.cat1{color:rgb(136, 154, 201);}
button.filtered.cat2{color:rgb(216, 112, 112);}
button.filtered.cat3{color:rgb(140, 177, 140);}
button.filtered.cat4{color:rgb(201, 178, 105);}
button.filtered.cat5{color:#C397D5;}
button.filtered.cat6{color:#67C9D1;}

/* text on .widget.day which indicates today */
#widget-today{
	margin-left:5px;
	color:grey;
	font-size:11px;
}
/*timeline widget focus */
.widget.day.timeline-focus{
	border:2px solid #F0C53E;
	margin:16px 10px 0px 11px;
}
/*timeline events*/
.timeline-events{
	position:absolute;
	left:4px;
	top:3px;
	max-height:30px;
	overflow:hidden;
}
td.center .timeline-events{
	top:1px;
	left:3px;
}
.timeline-event{
	background-color:#B8B8B8;
	height:5px;
	width:5px;
	border-radius:3px;
	margin-bottom:1px;
}
.timeline-event.event1{	top:0px;}
.timeline-event.event2{	top:7px;}
.timeline-event.event3{	top:14px;}
.timeline-event.event4{	top:21px;}

/*events*/
.event{
	background-color:rgb(209, 209, 209);
	margin:3px 6px 8px 5px;
	color:#555555;
	box-shadow:2px 2px 4px rgb(172, 172, 172);
	text-align:left;
	position:relative;
	min-height:45px;
	cursor:default;
	overflow-x:hidden;
}
.event-start,.event-stop,.event-show-stop{
	width:50px;
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	padding:1px;
}
.event-stop,.event-show-stop{
	position:absolute;
	bottom:5px;
	left:0px;
}
.event.edit{
	margin:11px 6px 12px 5px;
}
.event button{
	box-shadow:2px 2px 4px rgb(95, 95, 95);
}
.event-content{
	display:inline-block;
	width:146px;
	vertical-align:top;
	text-align:center;
	min-height:38px;
	padding:4px 0px;
}
.event-time{
	display:inline-block;
	width:57px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	height:100%;
}
.event-controls{
	width:62px;
	height:100%;
	position:absolute;
	bottom:0px;
	right:0px;
	opacity:.6;
}
.event-starttime{
	position:absolute;
	top:1px;
	font-size:12px;
	font-weight:bold;
	width:53px;
	text-align:left;
}
.event-textarea-title{
	color:#666666;
	text-transform:uppercase;
	font-size:11px;
}
.event-endtime{
	position:absolute;
	bottom:2px;
	left:6px;
	font-size:11px;
	font-weight:bold;
	width:46px;
	text-align:left;
	color:#888888;
}
.event-controls button{
	box-shadow:2px 2px 5px rgb(116, 116, 116);
	cursor:pointer;
	position:absolute;
	bottom:3px;
	right:3px;
}
.event-category-show{
	position:absolute;
	top:2px;
	right:3px;
	text-transform:uppercase;
	width:49px;
	text-align:right;
	font-size:11px;
	overflow:hidden;
	color:#999999;
}
a.google-event-a{
	position:absolute;
	right:0px;
	bottom:0px;
}
.event-show:hover > a.google-event-a{
	display:none;
}
img.google-event-icon{
	opacity:.5;
	margin-left:35px;
	margin-top:-1px;
	cursor:pointer;
	height:17px;
}
img.google-event-icon:hover{
	opacity:1;
}
.event-google{
	background-color:rgb(155, 155, 155);
	right:0px;
	bottom:0px;
	width:5px;
	height:5px;
	border-top-left-radius:6px;
	position:absolute;
	cursor:help;
	overflow:hidden;
}
.event-google:hover{
	background-color:#616161;
	width:8px;
	height:8px;
	border-top-left-radius:8px;
}
.event-google.craftivity{
	background-color:rgb(241, 128, 128);
}
.event-google.craftivity:hover{
	background-color:#E75858;
}
.event-google-title{
	color:white;
	font-size:10px;
	padding:0px 4px;
	text-transform:uppercase;
}
.event-google-calendar{
	color:white;
	font-size:11px;
	line-height:11px;
	padding:0px 3px;
	text-align:right;
}
.event-google i{
	color:white !important;
	font-size:12px !important;
	position:absolute;
	right:0px;
	top:1px;
	top:0px;
	cursor:pointer;
	display:none;
}
.event-google[expanded=yes][animate=no] i{
	display:block;
}

/* show controls when hovering */
.event:hover > .event-show .event-controls{
	opacity:1;
}
.event:hover{min-height:45px;}

.day .buttons.small{
	margin-top:5px;
	opacity:.3;
}
/* show add button when hover over event */
.day:hover > .buttons.small{
	opacity:1;
}

/* hide event-edit when event no .edit*/
div.event-edit{display:none;}
.event.edit div.event-edit{
	display:block;
}

/*hide event-show when event.edit*/
.event.edit .event-show{display:none;}

/*hide Add Event when widget is .editing*/
.widget.editing button.event-add{
	display:none;
}

/*define event-edit elements */
.event-time-edit,.event-content-edit{display:inline-block;}
.event-time-edit{
	width:58px;
	vertical-align:top;
	height:100%;
	position:absolute;
}
.event-content-edit{
	width:215px;
	margin-left:58px;
}
.event-edit-form{
	position:relative;
}
.event-edit-titles{
	background-color:rgba(236, 236, 236, 0.5);
	padding:0px 4px;
	text-transform:uppercase;
	font-size:11px;
	border-bottom:1px solid #b4b4b4;
	margin-bottom:3px;
	color:#666666;
}
.event-edit-titles.end{
	border-top:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	position:absolute;
	bottom:22px;
	left:0px;
	width:50px;
	text-align:center;
}
.event-controls-edit{
	text-align:right;
	height:25px;
	background-color:#DFDFDF;
	padding:2px 4px 3px 3px;
	border-top:1px solid #B4B4B4;
}
.event-time-edit button{
	width:53px;
	padding:2px 0px;
	float:none;
	margin:0px 3px;
	font-size:10px;
}
.event-controls-edit button.event-category-button{
	max-width:89px;
}
.category-button-text{
	max-width:75px;
	overflow:hidden;
	display:inline-block;
	height:10px;
}
span.category-text{
	float:right;
}
.event-content-edit textarea{
	display:inline-block !important;
	font-size:12px;
	margin:1px 10px;
	width:191px;
	min-height:52px;
	text-align:center;
}
.event-edit-label{
	text-align:center;
	font-size:11px;
	text-transform:uppercase;
	margin:3px 0px -3px 0px;
}
.event-category{
	text-align:right;
	padding:2px 9px 4px 0px;
}
.event-category input{
	display:inline-block !important;
	width:75px;
	height:12px;
	margin-top:0px;
	vertical-align:middle;
	margin-bottom:1px;
	font-size:11px;
}
.event-category button{
	float:none;
	width:100px;
}
/*event categories*/
.optionCategories.cat1, .event.cat1, .timeline-event.cat1, .event-n.cat1, .s-event.cat1{background-color:rgb(171, 193, 221) !important;}
.optionCategories.cat2, .event.cat2, .timeline-event.cat2, .event-n.cat2, .s-event.cat2{background-color:rgb(238, 170, 170) !important;}
.optionCategories.cat3, .event.cat3, .timeline-event.cat3, .event-n.cat3, .s-event.cat3{background-color:rgb(172, 224, 175) !important;}
.optionCategories.cat4, .event.cat4, .timeline-event.cat4, .event-n.cat4, .s-event.cat4{background-color:rgb(240, 223, 149) !important;}
.optionCategories.cat5, .event.cat5, .timeline-event.cat5, .event-n.cat5, .s-event.cat5{background-color:rgb(203, 178, 255) !important;}
.optionCategories.cat6, .event.cat6, .timeline-event.cat6, .event-n.cat6, .s-event.cat6{background-color:rgb(173, 238, 233) !important;}

/*cat button colors */
.event-category-select-button,.event-category-button{background-color:#AFAFAF;}
button.cat1, .event.cat1 button.event-category-button{background-color:rgb(136, 154, 201);}
button.cat2, .event.cat2 button.event-category-button{background-color:rgb(216, 112, 112);}
button.cat3, .event.cat3 button.event-category-button{background-color:rgb(140, 177, 140);}
button.cat4, .event.cat4 button.event-category-button{background-color:rgb(201, 178, 105);}
button.cat5, .event.cat5 button.event-category-button{background-color:#C397D5;}
button.cat6, .event.cat6 button.event-category-button{background-color:#67C9D1;}

/*cat button hover colors  */
.event-category-select-button:hover,.event-category-button:hover{background-color:#929292;}
button.cat1:hover, .event.cat1 button.event-category-button:hover{background-color:rgb(100, 121, 177) !important;}
button.cat2:hover, .event.cat2 button.event-category-button:hover{background-color:rgb(202, 85, 85) !important;}
button.cat3:hover, .event.cat3 button.event-category-button:hover{background-color:rgb(102, 162, 102) !important;}
button.cat4:hover, .event.cat4 button.event-category-button:hover{background-color:rgb(190, 166, 87) !important;}
button.cat5:hover, .event.cat5 button.event-category-button:hover{background-color:#A86CC0 !important;}
button.cat6:hover, .event.cat6 button.event-category-button:hover{background-color:#45BBC5 !important;}

.event-category-show.cat1, .event.cat1 .category-text{color:rgb(136, 154, 201);}
.event-category-show.cat2, .event.cat2 .category-text{color:rgb(216, 112, 112);}
.event-category-show.cat3, .event.cat3 .category-text{color:rgb(140, 177, 140);}
.event-category-show.cat4, .event.cat4 .category-text{color:rgb(201, 178, 105);}
.event-category-show.cat5, .event.cat5 .category-text{color:#C397D5;}
.event-category-show.cat6, .event.cat6 .category-text{color:#AEB958;}

/*timepicker*/
.timepicker{
	width:100px;
	height:98px;
	width:272px;
	padding-top:1px;
}
table.timepicker-table{
	width:260px;
	margin-left:6px;
	margin-top:3px;
	box-shadow:2px 2px 8px rgb(95, 95, 95);
	background-color:rgba(179, 179, 179, 0);
}
button.timepicker-set-time{
	bottom:3px;
	right:4px;
	position:absolute;
}
button.timepicker-set-allday{
	position:absolute;
	bottom:3px;
	right:112px;
}
.timepicker-hour td, .timepicker-minutes td{
	width:8.33%;
	background-color:#ffffff;
	border-left:1px solid #dddddd;
	font-size:11px;
	text-align:center;
	line-height:24px;
	color:#999999;
	cursor:pointer;
}
.timepicker-minutes td:hover, .timepicker-hour td:hover{
	background-color:#EDF6FF;
}
.timepicker-hour td.selected, .timepicker-minutes td.selected{
	background-color:#9CACBD;
	color:white;
	cursor:default;
	letter-spacing:1px;
}
.timepicker-minutes td{
	border-top:1px solid #dddddd;
}
.timepicker-title td{
	background-color:rgb(241, 241, 241);
	color:#666666;
	padding:1px 5px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	border-bottom:1px solid #dddddd;
}
table.timepicker-ampm{
	width:75px;
	float:left;
	margin:8px 0px 5px 7px;
	display:inline-block;
}
.timepicker-ampm td{
	line-height:14px;
	color:white;
	text-align:center;
	font-size:11px;
	letter-spacing:1px;
	background-color:#dddddd;
	cursor:pointer;
	width:50%;
	padding:2px 9px;
	text-decoration:line-through;
}
.timepicker-ampm td.selected{
	background-color:#9CACBD;
	cursor:default;
	box-shadow:2px 2px 8px rgb(95, 95, 95);
	text-decoration:none;
}
.timepicker-close{
	float:left;
	color:#dddddd;
	margin:0px;
	margin-right:11px;
	font-size:12px;
	cursor:pointer;
}
.timepicker-close:hover{
	color:#999999;
}
.google_connect{
	cursor:pointer;
	height:20px !important;
	width:75px;
	float:right;
	background:url('/assets/media/craftivity/google_connect.png') 0 0;
	background-position:0px 0px;
	margin-top:-20px;
	margin-right:3px;
}
.google_connect:hover{
	background-position:0px 20px;
}
.google_connect:active{
	background-position:0px 40px;
}
.google_disconnect{
	cursor:pointer;
	height:20px !important;
	width:90px;
	background:url('/assets/media/craftivity/google_disconnect.png') 0 0;
	background-position:0px 0px;
	margin-top:4px;
	margin-left:4px;
}
.google_disconnect:hover{
	background-position:0px 20px;
}
.google_disconnect:active{
	background-position:0px 40px;
}
form[name=refresh_calendar]{
	height:0px;
}
.last-sync{
	color:#999999;
	margin-top:6px;
	margin-left:5px;
}
.last-sync i{
	font-size:14px;
}
.last-sync i:hover{
	color:#666666;
}
.google-sync-status{
	background-color:white;
	box-shadow:3px 3px 10px rgb(170,170,170);
	padding:6px 1px;
	color:#666666;
	border-radius:3px;
}
.google-sync-status i.fa-spin{
	color:rgb(231, 112, 39);
}
.google-sync-status-text{
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
	color:rgb(231, 112, 39);
	font-weight:bold;
}
#google_refresh_link{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#bbbbbb;
}
#google_refresh_link i{
	position:relative;
}
.event-saving{
	margin:0px;
	padding:0px;
	bottom:4px;
	position:absolute;
	right:7px;
	height:16px;
	width:16px;
	color:white;
}
.more-events{
	padding:20px 0px;
	text-transform:uppercase;
	cursor:pointer;
	color:#777777;
}
.more-events:hover{
	background-color:rgb(255, 255, 213);
	color:#444444;
}
